<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>收银台</title>
    <link rel="stylesheet" href="./lib/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/public.css">
    <link rel="stylesheet" href="./css/pay.css">
</head>
<body>
    
<!-- 头 -->
<div class="head">
    <div class="core">
        <div class="loc fl texcen">
            <img src="./imgs/logobox.png" alt="">
            <span class="f30 cf">收银台</span>
        </div>
        <p class="fl">legochina.cn</p>
        <p class="fr">欢迎光临 <span>乐购</span>，请 <a> 登陆</a>\<a>注册</a></p>
    </div>
</div>


<!-- 内容 -->
<div class="core">
    <div class="payTop clearfix">
        <div class="plate1">
            <p class="f20 c6 dib">订单提交成功，请尽快付款！ 订单编号：91000234567</p>
            <a class="f18 fr">订单详情</a>
        </div>
        <div class="plate2 bf2">
            <p class="f18 c4d dib">请您在订单提交<span class="cf4">24</span>小时内付款，否则将会取消订单</p>
            <p class="f18 c3 fr">应付金额: <span class="f22 cf60"> 0. 00</span></p>
        </div>
        <div class="plate3">
            <span class="f22 bf60 cf dib texcen">乐购支付</span>
            <span class="f18 cbf">以下方式由乐购支付提供</span>
        </div>
        <div class="plate4 bf2">
            <span class="f18 c4d dib texcen bor">银行卡</span>
            <div class="dib">
                <span class="f18 c4d">中国招商银行</span>
                <span class="f18 cf60">网银</span>
                <span class="f18 cbf">最近使用</span>
            </div>
            <span class="f18 cf dib texcen">添加银行卡 +</span>
            <span class="f18 cf60 fr total"> 00.00</span>
            <span class="f18 c3 fr">支付金额 :&emsp;</span>
        </div>

        <button class="f26 bf60 fr">立即支付</button>

        <div class="plate5">
            <span class="dib f22 texcen">支付方式</span>
            <span class="f18 cbf">以下方式不支持合并支付</span>
        </div>

        <div class="plate6 bf2">
            <p>微信支付 &emsp;|&emsp; 中国移动支付 &emsp;|&emsp; 中国银联 &emsp;|&emsp; 外籍内卡 &emsp;|&emsp; 拉卡拉 &emsp;|&emsp; 预约支付卡 &emsp;|&emsp; 乐购钱包扫一扫</p>
        </div>

        <img src="./imgs/mssj_03.png" alt="">
    </div>
</div>





 <!-- 底部 -->
 <div class="bottom bbb">
    <div class="after core">
        <img src="./imgs/222_11.png" alt="">
        <img src="./imgs/222_13(1).png" alt="">
        <img src="./imgs/222_17.png" alt="">
        <img src="./imgs/222_15.png" alt="">
    </div>
    <!-- 下面 -->
    <div class="core">
        <ul class="guide c3">
            <li>购物指南</li>
            <li>支付方式</li>
            <li>订单服务</li>
            <li>退换货</li>
            <li>商家服务</li>
            <li>购物流程</li>
            <li>货到付款</li>
            <li>订单配送查询</li>
            <li>退换货政策</li>
            <li>商家中心</li>
            <li>发票制度</li>
            <li>网上支付</li>
            <li>订单状态说明</li>
            <li>自助退款查询</li>
            <li>运营服务</li>
            <li>账户管理</li>
            <li>礼品卡支付</li>
            <li>自助取消订单</li>
            <li>退换货进度查询</li>
            <li>加入尾页品汇</li>
            <li>会员优惠</li>
            <li>银行转账</li>
            <li>自主修改订单</li>
            <li>退款方式和时间</li>
        </ul>

        <img src="./imgs/logo_00.png" alt="" class="imgg fr">
        <div class="tail c3">
            <p>公司简介 &emsp; | &emsp; Investor &emsp;Relations &emsp; | &emsp; 网站联盟 &emsp; | &emsp; 乐购招商 &emsp; |
                &emsp;
                机构销售 &emsp; | &emsp; 手机乐购 &emsp; | &emsp; 官方Blog &emsp; |&emsp; 热词搜索</p>
            <p>Copyright &emsp;(C)&emsp;乐购网&emsp;2004-2016,&emsp;All&emsp;Rights&emsp;Reserved</p>
        </div>
    </div>
</div>


<!-- 蒙层 -->
<div class="masking">
    <div class="modalBox f20 texcen">
        <p class="c6">支付结果</p>
        <span class="f22 xxx cbf cur">X</span>
        <img src="./imgs/xiao_03.png" alt="">
        <span class="c6">支付成功!</span>
        <p class="cbf">已完成支付</p>
        <button class="bf60 bttn">确认</button>
    </div>
</div>



    <script src="./lib/jquery.min.js"></script>
    <script src="./js/pay.js"></script>
</body>
</html>